<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>好森活网上商城</title>
	<meta name="Keywords" content="好森活网上商城">
	<meta name="Description" content="好森活网上商城">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/base2018.css">
	<link rel="stylesheet" href="./css/logo.css">
	<script src="./js/jquery.js"></script>
</head>
<body>
<div class="login">
	<div class="header">
		<div class="main-content clearfix">
			<a class="logo fl"><img src="./img/login/head.jpg" width="390" height="80" alt="logo"></a>
		</div>
	</div>
	<div class="article">
		<div class="main-content clearfix">
			<a class="fl"><img src="./img/login/app.png" style="margin-top: 35px;" alt=""></a>			
			<div class="login-register-form fr">
				<div class="tab-login-register">
					<div class="tab-login active">快捷登录</div>
					<div class="tab-register">用户注册</div>
				</div>
				<!-- 登录 -->
				<div class="login-content">
					<div class="login-pwd">
						<div class="content">
							<input type="text" placeholder="请输入您的账号/手机号码">
							<span class="form-group-message">用户名不能为空</span>
						</div>
						<div class="content">
							<input type="password" placeholder="请输入密码">
							<span class="form-group-message">密码不能为空</span>
						</div>
						<a href="javascript:;" class="forget-pwd-link">忘记密码？</a>
					</div>
					<div class="form-item"><button class="logon-btn">立即登录</button></div>
					<dl class="other-login">
						<dt class="other-login-title">你也可以使用以下账号登录</dt>
						<dd>
							<a href="javascript:;" title="QQ账号" class="qq"></a>
							<a href="javascript:;" title="新浪微博账号" class="sina"></a>
						</dd>
					</dl>
					<p class="service_num">如有账号问题，请咨询客服<a href="javascript:;">400 6666 800</a></p>
				</div>
				<!-- 注册 -->
				<div class="register-content">
					<div class="register-pwd">
						<div class="content phone">
							<input type="text" placeholder="请输入您的手机号码">
							<span class="form-group-message">手机号码不能为空</span>
						</div>
						<div class="content code">
							<input type="text" maxlength="4" placeholder="请输入验证码">
							<div class="image-code-box"><img src="./img/login/code.jpg" alt="验证码"><a href="javascript:;">看不清<br>换一张</a></div>
							<span class="form-group-message">请输入图形验证码</span>
						</div>
						<div class="content pwd">
							<input type="password" maxlength="16" placeholder="请输入您的密码(6-16位字符)">
							<span class="form-group-message">新密码不能为空</span>
						</div>
						<div class="content pwd">
							<input type="password" maxlength="16" placeholder="确认密码(两次密码请保持一致)">
							<span class="form-group-message">密码输入不一致</span>
						</div>
						<div class="content phone-code">
							<input type="text" placeholder="请输入短信验证码">
							<span class="phone-code-btn">获取短信验证码</span>
							<span class="form-group-message">短信验证码不能为空</span>
						</div>
						<div class="content agree">
							<input type="checkbox" name="protocol" id="protocol" checked="checked">
							<label for="protocol">我已阅读并同意</label>
							<a href="javascript:;" target="_blank">《健客网用户使用条款》</a>
						</div>
					</div>
					<div class="form-item"><button class="register-btn">立即注册</button></div>			
				</div>
			</div>
		</div>
	</div>
	<div class="hsh_foot">
		<p>好森活－国家药监局认证的合法网上药店，致力于打造优质、低价、便捷的网上药店和最值得信赖的健康服务平台</p>
		<p>版权所有 Copyright©2006-2017 www.jianke.com All rights reserved</p>
		<p>
	        <a href="javascript:;" target="_blank" title="互联网药品交易服务资格证书" rel="nofollow">互联网药品交易服务资格证书</a><span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>
	        <a href="javascript:;" target="_blank" title="企业营业执照" rel="nofollow">企业营业执照</a><span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>
	        <a href="javascript:;" target="_blank" title="互联网药品信息服务资格证书" rel="nofollow">互联网药品信息服务资格证书</a>
	    </p>
	</div>
</div>
<script>
	$('.tab-login-register').children('div').each(function(){
		var $this = $(this);
		$this.click(function(){
			$this.addClass('active');
			$this.siblings().removeClass('active');
			var classname = $this.attr('class');			
			if (classname == 'tab-login active') {
				$('.login-content').show();
				$('.register-content').hide();
			}
			if (classname == 'tab-register active') {
				$('.register-content').show();
				$('.login-content').hide();
			}
		})
	})
</script>
</body>
</html>